<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../css/02-reset.css">
    <link rel="stylesheet" href="../lib/font/iconfont.css">
</head>
<body>
      <!--客服接待  -->
      <div class="top-header">
            <div class="box">
                <div class="box1">客服接待时间：9:00-22:00</div>
                <div class="box2">
                    <ul>
                        <li class="store-items">
                            <span class="iconfont icon-location"></span>
                            <div>线下门店</div>
                        </li>
                        <li class="online-service">
                            <span class="iconfont icon-liaotiankuang"></span>
                            <div>在线客服</div>
                        </li>
                    </ul>
                </div>
    
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="banner">
            <div class="banner-con">
                <div class="logo">
                    <img src="./images/logo.png" alt="">
                </div>
                <div class="navigation">
                    <ul>
                        <li>
                            <a href="">男子</a>
                        </li>
                        <li>
                            <a href="">女子</a>
                        </li>
                        <li>
                            <a href="">儿童</a>
                        </li>
                        <li>
                            <a href="">系列</a>
                        </li>
                        <li>
                            <a href="">新品</a>
                        </li>
                        <li>
                            <a href="">联名款</a>
                        </li>
                        <li>
                            <a href="">明星同款</a>
                        </li>
                    </ul>
                </div>
                <form action="">
    
                    <input type="text" placeholder="搜索">
                    <span class="iconfont icon-fangdajing"></span>
                </form>
                <div class="login">
                    <i class="iconfont icon-tuoyuan1fuben2-copy-copy
                    "></i>
                    <div class="singin">
                        <div class="user-login">登录</div>
                        <div class="user-register">注册</div>
                    </div>
    
                </div>
                <div class="car">
                    <i class="iconfont icon-gouwuche"></i>
                    <span>0</span>
                    <p>购物车</p>
                </div>
            </div>
        </div>
        <!-- 登录与注册 -->
        <div class="log">
            <div class="log-con">
                <div class="left">
                    <div class="box1">
                        <li>密码登录</li>
                        <li>验证码登录</li>
                    </div>
                    <div class="box2">
                       <form action="">
                           <input type="text">
                           <input type="text">
                       </form> 
                    </div>
                </div>
                <div class="right">
                    <div class="right-con">
                        <p>还不是斯凯奇会员？</p>
                        <div class="asset">
                            <p>立即注册，享无限惊喜</p>
                            <p>· 第一时间接收新品发布及活动折扣信息</p>
                            <p>· 享受SKECHERS的贴心服务</p>
                        </div>
                        <a href="">注册</a>
                    </div>
                </div>
            </div>
        </div>






        <!-- 脚步1 -->
    <div class="footer1">
            <div class="footer1-con">
                <div>会员</div>
                <div>门店</div>
            </div>
        </div>
        <!-- 脚步2 -->
        <div class="footer2">
            <div class="footer2-con">
                <div class="box">
                    <div class="box1">
                        <h6>我们的支付方式</h6>
                        <div>
                            <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dwd0e05d07/landing/payment/wechatpay_pc.png"
                                alt="">
                        </div>
                        <div>
                            <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw895b90e7/landing/payment/alipay_pc.png"
                                alt="">
                        </div>
                        <div>
                            <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw64b654cc/landing/payment/unionpay_pc.png"
                                alt="">
                        </div>
                    </div>
                    <div class="box2">
                        <h5>中国</h5>
                    </div>
    
                </div>
                <div class="boxbottom">
                    <div class="box11">
                        <h3>联系客服</h3>
                        <li>团购申请</li>
                        <li>在线客服</li>
                        <li>网站地图</li>
                    </div>
                    <div class="box22">
                        <h3>我的账户</h3>
                        <li>会员权益</li>
                        <li>我的信息</li>
                        <li>我的订单</li>
                        <li>我的积分</li>
                        <li>我的优惠劵</li>
                        <li>收件地址</li>
    
                    </div>
                    <div class="box33">
                        <h3>帮助中心</h3>
                        <li>订单异常</li>
                        <li>发票</li>
                        <li>支付方式</li>
                        <li>退货说明</li>
                        <li>找回密码</li>
                        <li>注册与登录</li>
                    </div>
                    <div class="box44">
                        <h3>关于斯凯奇</h3>
                        <li>斯凯奇故事</li>
                        <li>联系我们</li>
                        <li>免责声明</li>
                        <li>隐私保护</li>
                        <li>服务协议</li>
                        <li>投资关系</li>
                        <li>招贤纳士</li>
                    </div>
                    <div class="box55">
                        <div class="box55-top">
                            <h3>关注我们</h3>
                            <li>
                                <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dwe08f77b6/weibo.png"
                                    alt="">
                            </li>
                            <li>
                                <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dwa7740084/wechat.png"
                                    alt="">
                            </li>
                        </div>
                        <div class="box55-bottom">
                            <h3>获取斯凯奇最新资讯</h3>
                            <input type="text">
                        </div>
                    </div>
                </div>
                <div class="footer3">
                    <div class="footer3-1">
                        <p>广州市利德丹贸易有限公司保留所有权利</p>
                        <p>粤ICP备12085615号 © 2021 SKECHERS,INC. </p>
                    </div>
                </div>
            </div>
        </div>
    
</body>
</html>